<!DOCTYPE html>
<html lang="Zh-CN">

<head>
    <meta charset="utf-8">
    <title>Project Demonstration</title>
    <link rel="stylesheet" href="css/main.css">
</head>

<body>
    <div class="bg-animation">
        <ul class="square">
            <li><h3></h3></li>
            <li><h3></h3></li>
            <li><h3></h3></li>
            <li><h3></h3></li>
            <li><h3></h3></li>
        </ul>
        <ul class="circle">
            <li><h3></h3></li>
            <li><h3></h3></li>
            <li><h3></h3></li>
            <li><h3></h3></li>
            <li><h3></h3></li>
        </ul>
        <ul class="triangle">
            <li><div></div></li>
            <li><div></div></li>
            <li><div></div></li>
            <li><div></div></li>
            <li><div></div></li>
        </ul>
    </div>
    <div class="content">
        <ul class="animation common ul-common">
            <li><a href="./src/loadingAnimation_2.html" target="_blank">Loading</a></li>
            <li><a href="./src/sliderShow.html" target="_blank">slideShow</a></li>
            <li><a href="./src/mediaButtons.html" target="_blank">mediaBtn</a></li>
            <li><a href="./src/flipPath.html " target="_blank">flipPath</a></li>
            <li><a href="./src/Css-3D-Animation.html" target="_blank">css3D</a></li>
        </ul>

        <ul class="layout common ul-common ">
            <li><a href="./src/signUp.html" target="_blank">signUp</a></li>
            <li><a href="./src/waterFall.html" target="_blank">waterFall</a></li>
            <li><a href="./src/flexBlog.html" target="_blank">flexBlog</a></li>
        </ul>

        <ul class="project common ul-common ">
            <li><a href="./src/digitalClock.html" target="_blank">Clock</a></li>
            <li><a href="https://github.com/TienOUC/TodoLisit" target="_blank">TodoLisit</a></li>
            <li><a href="https://github.com/TienOUC/CMS" target="_blank">CMS</a></li>
            <li><a href="https://tienouc.gitee.io/account-app/" target="_blank">Accounts</a></li>
        </ul>
    </div>

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="js/main.js"></script>

</body>

</html>
